<?php
/*
Template Name:monie_dev
Version:1.0.0
Template Url:
Description: monie_dev是一款简洁的响应式博客模板，适合个人博客使用。
Author:yu_十三
Author Url:
*/

defined('EMLOG_ROOT') || exit('access denied!');
require_once View::getView('function');
require_once View::getView('module');
if (!function_exists('_g')) {
    emMsg('请开启【模板设置】插件, <a href="/admin/plugin.php">去开启</a>');
}
?>
<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?= $site_title ?></title>
    <meta name="keywords" content="<?= $site_key ?>" />
    <meta name="description" content="<?= $site_description ?>" />
    <link href="<?= empty(_g('favicon')) ? BLOG_URL . 'favicon.ico' : _g('favicon'); ?>" rel="icon">
    <link rel="alternate" title="RSS" href="<?= BLOG_URL ?>rss.php" type="application/rss+xml" />
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4272135_2bj7q5rsda3.css">
    <?php include View::getView('dist/head/css') ?>
    <?php doAction('index_head') ?>
</head>

<body>
    <header id="header" class="header ">
        <div class="header_container">
            <div class="header_content">
                <div class="header_left">
                    <a class="header_left_logo" href="<?= BLOG_URL ?>" target="_self">
                        <img class="header_left_logo_pc" src="<?= _g('pc_logo') ?>" alt="pc_logo">
                        <img class="header_left_logo_mobile" src="<?= _g('mobile_logo') ?>" alt="mobile_logo">
                    </a>

                    <nav class="header_left_nav">
                        <div class="header_left_nav_mobile_menu_wrap">
                            <div class="header_left_nav_mobile_menu">
                                首页
                                <i class="iconfont icon-jiantouxia yublog_header_down"></i>
                            </div>
                        </div>
                        <ul class="header_nav_list">
                            <?= blog_nav() ?>
                        </ul>
                    </nav>
                </div>
                <div class="header_right">
                    <div class="header_search_icon_wrap">
                        <div class="header_search_icon" title="搜索">
                            <i class="iconfont icon-sousuo"></i>
                        </div>
                    </div>
                    <div class="header_search_wrap">
                        <form class="header_search_form" action="/?keyword">
                            <input id="header_search_input" class="header_search_input" type="text" name="keyword" placeholder="输入关键字搜索" autocomplete="off">
                            <label for="header_search_input" class="header_search_btn" tabindex="0">
                                <i class="iconfont icon-sousuo"></i>
                            </label>
                            <div class="search_history">
                                <div class="search_history_head">
                                    <span class="search-history-head-title">搜索历史</span>
                                    <span class="search_history_clear_btn">清空</span>
                                </div>
                                <div class="search_history_list"></div>
                            </div>
                        </form>

                        <a class="header_article_btn " href="/admin/article.php?action=write" title="写文章">写文章</a>
                    </div>
                    <?php if (!ISLOGIN): ?>
                        <button class="header-login-btn">登录</button>
                    <?php else: ?>
                        <div class="header_menu_wrap">
                            <div class="header_avatar">
                                <img src="//cravatar.cn/avatar/4fac7e15ed7ad6d175785befed63f7d3?s=120" alt="emer" width="80" height="80">
                            </div>

                            <div class="header-menu-body">
                                <div class="article-author-content" itemscope="" itemtype="http://schema.org/Person">
                                    <a class="article-author-head" href="http://110.40.53.71:9999/?author=1" rel="author">
                                        <div class="article-author-avatar">
                                            <img src="//cravatar.cn/avatar/4fac7e15ed7ad6d175785befed63f7d3?s=120" alt="emer" width="80" height="80">
                                        </div>
                                        <div class="article-author-info">
                                            <div class="article-author-name" itemprop="name">emer</div>
                                            <div class="article-author-group"></div>
                                        </div>
                                    </a>
                                    <div class="article-author-body">
                                        <div class="article-author-item">
                                            <i class="iconfont icon-dianzan1 article-author-item-icon"></i>
                                            <span class="article-author-item-text">获得点赞 26</span>
                                        </div>
                                        <div class="article-author-item">
                                            <i class="iconfont icon-liulan article-author-item-icon"></i>
                                            <span class="article-author-item-text">文章被阅读 1,976</span>
                                        </div>
                                        <div class="article-author-item">
                                            <i class="iconfont icon-gengxin article-author-item-icon"></i>
                                            <span class="article-author-item-text">最后更新 24-11-21 11:48:42</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endif ?>
                </div>
            </div>
        </div>
    </header>





    <div class="mobile-search">
        <div class="mobile-search-mask"></div>
        <div class="mobile-search-content">
            <div class="mobile-search-close">
                <i class="iconfont icon-guanbi"></i>
            </div>
            <div class="mobile-search-body">

            </div>
        </div>
    </div>


    <div class="login-dialog">
        <div class="login-dialog-content-wrap">
            <div class="login-dialog-mask"></div>
            <div class="login-dialog-content">
                <div class="login-dialog-close">
                    <i class="iconfont icon-guanbi login-dialog-close-icon"></i>
                </div>
                <div class="login-dialog-head">
                    <h2 class="login-dialog-title">登录</h2>
                </div>
                <div class="login-dialog-body">
                    <div class="login-dialog-body-left">
                        <div class="login-dialog-body-left-title">账号密码登录</div>
                        <form class="login-dialog-form" action="<?= BLOG_URL ?>/index.php/action/login" method="post" name="login" rold="form">
                            <input type="hidden" name="referer" value="<?= BLOG_URL ?>" required>
                            <div class="login-dialog-input-group username">
                                <input type="text" name="username" placeholder="请输入账号" autocomplete="on" required="" pattern="\S+.*">
                                <img class="panfish-img greeting" title="11" src="<?= TEMPLATE_URL ?>static/images/login/greeting.png">
                            </div>
                            <div class="login-dialog-input-group password">
                                <input type="password" name="password" placeholder="请输入密码" autocomplete="on" required="" pattern="\S+.*">
                                <img class="panfish-img blindfold" title="11" src="<?= TEMPLATE_URL ?>static/images/login/blindfold.png">
                            </div>
                            <div class="login-dialog-input-group remember">
                                <label class="remember-label" for="remember">
                                    <input type="checkbox" name="remember" class="checkbox" value="1" id="remember">
                                    <span class="login-dialog-input-checkbox">
                                        <i class="iconfont icon-duihao login-dialog-input-checkbox-icon"></i>
                                    </span>
                                    <span class="login-dialog-input-checkbox-text">记住账号</span>
                                </label>
                            </div>
                            <div class="login-dialog-input-group submit">
                                <button class="login-dialog-form-btn">登录</button>
                            </div>
                            <img class="panfish-img normal" title="11" src="<?= TEMPLATE_URL ?>static/images/login/normal.png">
                        </form>
                    </div>
                    <div class="login-dialog-body-right">
                        <div class="login-dialog-qrcode-title">扫码登录</div>
                        <div class="login-dialog-qrcode">
                            <img class="login-dialog-qrcode-img" src="<?= TEMPLATE_URL ?>static/images/login/login_dialog_qrcode.jpg" alt="扫码登录">
                        </div>
                        <div class="login-dialog-qrcode-tips">请使用手机扫码登录</div>
                    </div>
                </div>
                <div class="login-dialog-footer">
                    注册登录即表示同意<a class="login-dialog-link" href="javascript:;" title="用户协议">用户协议</a>和<a class="login-dialog-link" href="javascript:;" title="隐私政策">隐私政策</a>
                </div>
            </div>
        </div>
    </div>